<template>
    <div>
        <vue-ueditor-wrap :value="value" @input="updateContent" :config="myConfig"></vue-ueditor-wrap>
    </div>
</template>

<script>
export default {
    name: 'myUeditor',
    props: {
        value: String
    },
    data() {
        return {
            myConfig: {
                autoHeightEnabled: false, // 编辑器不自动被内容撑高
                initialFrameHeight: 470, // 初始容器高度
                initialFrameWidth: '100%', // 初始容器宽度
                UEDITOR_HOME_URL: '/',
                // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
                // serverUrl: `/ueditorUploads`
            }
        }
    },
    methods: {
        updateContent(content) {
            this.$emit('input', content); // 触发 input 事件，通知父组件内容变化
        }
    }
}
</script>

<style scoped></style>